
<template>
  <div>
    <home-header></home-header>
    <home-slider>
      <div v-for="(item,index) in recommends" :key="index">
        <div>{{item.title}}</div>
        <div>{{item.content}}</div>
        <div>{{item.like}}{{item.time}}{{item.views}}</div>
      </div>
    </home-slider>
    <hot-article></hot-article>
  </div>
</template>

<script>
import HomeHeader from './components/Header'
import HomeSlider from 'base/slider/slider'
import HotArticle from './components/HotArticle'

export default {
  name: 'Home',
  data () {
    return {
      recommends: [
        {'title': '这是一个标题',
          'img': 'https://www.baidu.com/img/baidu_jgylogo3.gif',
          'content': '这是一个内容测试',
          'like': 1000,
          'time': 11235488233333333333333333333,
          'views': 10000,
          'category': 'PHP专题'
        },
        {'title': '这是二个标题',
          'img': 'https://www.baidu.com/img/baidu_jgylogo3.gif',
          'content': '这是一个内容测试',
          'like': 1000,
          'time': 11235488,
          'views': 10000,
          'category': 'PHP专题'
        },
        {'title': '这是三个标题',
          'img': 'https://www.baidu.com/img/baidu_jgylogo3.gif',
          'content': '这是一个内容测试',
          'like': 1000,
          'time': 11235488,
          'views': 10000,
          'category': 'PHP专题'
        },
        {'title': '这是四个标题',
          'img': 'https://www.baidu.com/img/baidu_jgylogo3.gif',
          'content': '这是一个内容测试',
          'like': 1000,
          'time': 11235488,
          'views': 10000,
          'category': 'PHP专题'
        },
        {'title': '这是五个标题',
          'img': 'https://www.baidu.com/img/baidu_jgylogo3.gif',
          'content': '这是一个内容测试',
          'like': 1000,
          'time': 11235488,
          'views': 10000,
          'category': 'PHP专题'
        }
      ]
    }
  },
  components: {
    HomeHeader,
    HomeSlider,
    HotArticle
  }
}

</script>
<style lang='stylus' scoped>
  .sds
    width 100px

</style>
